0
119
VistasNo se puede usar "react.lazy" en el paquete web
Tengo un problema al usar react.lazy en mi proyecto webpack 4 ("webpack": "^4.16.1")
este es mi código para este problema:
import React, { Suspense, lazy } from "react"; const AccountInfo = lazy(() => import("../../views/Account")) ; ... <Suspense fallback={<div>Loading...</div>}> <Switch> <PrivateRoute path="/accountinfo" component={AccountInfo} > <Switch/> </Suspense >este es el archivo .babelrc
{ "plugins": [ [ "transform-class-properties", { "spec": true } ] ] } y el mensaje de error es: 
¿alguien me puede ayudar? Que tengan un buen día chicos <3
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Creo que debe agregar el complemento @babel/plugin-syntax-dynamic-import ( https://babeljs.io/docs/en/babel-plugin-syntax-dynamic-import ) y modificar su archivo .babelrc . Entonces debería poder hacer las importaciones dinámicas.
{ "presets": [ "@babel/preset-react" ], "plugins": [ "@babel/plugin-syntax-dynamic-import" ] }También está utilizando una versión anterior de webpack (versión 4). ¿Puede actualizar a una versión actual de webpack (5) ( https://www.npmjs.com/package/webpack )?
·
Juan Pablo Isaza
Denunciar
Responde la pregunta